

<template>
  <div class="common-layout">
    <el-container>
      <el-aside width="180px" style="text-align: center; height: 100%">
          <h2 class="mb-2">个人中心</h2>
          <el-menu
              default-active="2"
              class="el-menu-vertical-demo"

          >

            <el-menu-item index="2">
              <el-icon><user/></el-icon>
                <span><router-link to="/user/userinfo">个人信息</router-link></span>
            </el-menu-item>
            <el-menu-item index="3" >
              <el-icon><lock /></el-icon>
              <span><router-link to="/user/updateuser">修改个人信息</router-link></span>
            </el-menu-item>
            <el-menu-item index="4">
              <el-icon><setting /></el-icon>
              <span><router-link to="/user/updatepwd">修改密码</router-link></span>
            </el-menu-item>
            <el-menu-item index="5">
              <el-icon><upload-filled /></el-icon>
              <span><router-link to="/user/updateimg">上传头像</router-link></span>
            </el-menu-item>
            <el-menu-item index="6">
              <el-icon><search /></el-icon>
              <span><router-link to="/user/LogController">操作日志</router-link></span>
            </el-menu-item>
          </el-menu>

      </el-aside>
      <el-main>
        <router-view></router-view>
      </el-main>
    </el-container>
  </div>
</template>
<script setup>

import {House, UploadFilled} from "@element-plus/icons-vue";
import router from "@/utils/router.js";
import {onMounted} from "vue";
onMounted(()=>{
  router.push("/user/userinfo")
})
</script>
<style scoped>
a {
  text-decoration: none; /* 去除默认的下划线 */
  outline: none;	/* 去除旧版浏览器的点击后的外虚线框 */
  color: #000;	/* 去除默认的颜色和点击后变化的颜色 */
}
.common-layout{
  background-color: #F1FAEE;
  margin-top: 3%;
}



</style>